<template>
	<view>
		<view class="outbox">
			<view class="top-title">
				<text>活动信息</text>
			</view>
			<view class="content">
				<text class="content-left">亲爱的李明【非翔教育万圣节亲子聚会活动】报名成功，请按时参加哦~</text>
				<text class="content-right">2019-01-16</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		name:'Message',
		props:{
			
		}
	}
	
</script>

<style lang="less">
	.outbox{
		display: flex;
		flex-direction: column;
		margin-bottom: 40rpx;
		width: 710rpx;
	}
	.top-title{
		color: rgb(47, 120, 255);
		font-size: 30rpx;
		font-weight: 600;
	}
	.content{
		margin-top: 30rpx;
		height: 100rpx;
		display: flex;
		justify-content: space-between;
	}
	.content>text:nth-child(1){
		font-size: 28rpx;
		width: 556rpx;
	}
	.content>text:nth-child(2){
		font-size: 26rpx;
		color: gray;
	}
</style>
